<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ include file="../include/laypublic.jsp" %>
<!DOCTYPE html>
<html>
<head>
</head>
<title>融资放款</title>
<style type="text/css">
    .layui-form-select dl {
        max-height: 150px;
    / / 原值为300，调节高度建议为50的倍数
    }

    .layui-form-label {
        width: 130px;
    }

    .layui-form-item {
        margin-bottom: 0px;
        clear: both;
        *zoom: 1;
    }
</style>
</head>
<body>
<div class="layui-fluid">
    <div class="layui-card">
        <!-- 查询区域  -->
        <div id="query-form" class="layui-form layui-card-header layuiadmin-card-header-auto">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">项目编码</label>
                    <div class="layui-input-inline">
                        <input type="text" name="proCode" placeholder="请输入单据编号" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">项目名称</label>
                    <div class="layui-input-inline">
                        <input type="text" name="proName" placeholder="请输入项目名称" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">日期</label>
                    <div class="layui-input-inline">
                        <input type="text" class="layui-input" id="rzfk-laydate-dates" name="dates" readonly
                               placeholder="请选择创建时间">
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">放款状态</label>
                    <div class="layui-input-inline">
                        <select name="processStatus">
                            <option value="">请选择-放款状态</option>
                            <option value="0">未放款</option>
                            <option value="1">已放款</option>
                        </select>
                    </div>
                </div>
                <shiro:hasPermission name="LIST_LOANFIN">
                    <div class="layui-inline">
                        <button class="layui-btn layuiadmin-btn-admin" lay-submit lay-filter="LAY-loanFin-search">
                            <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>查询
                        </button>
                        <button class="layui-btn layuiadmin-btn-admin" lay-submit lay-filter="LAY-user-back-reset">
                            <i class="layui-icon layui-icon-fonts-clear  layuiadmin-button-btn"></i>重置
                        </button>
                    </div>
                </shiro:hasPermission>
            </div>
        </div>
        <!-- 按钮区域  -->
        <div class="layui-card-body">
            <div style="padding-bottom: 10px;">
                <shiro:hasPermission name="ADD_LOANFIN">
                    <button class="layui-btn layuiadmin-btn-admin " data-type="add">
                        <i class="layui-icon layui-icon-add-1 layuiadmin-button-btn"></i>新建
                    </button>
                </shiro:hasPermission>
                <shiro:hasPermission name="EXPORT_LOANFIN">
                    <button class="layui-btn layuiadmin-btn-admin " data-type="export" onclick="exportList();">
                        <i class="layui-icon layui-icon-export layuiadmin-button-btn"></i>导出
                    </button>
                </shiro:hasPermission>
            </div>
            <!-- 数据表单 -->
            <div class="layui-tab-item layui-show">
                <table id="lay-loanFin-create-manage" lay-filter="lay-loanFin-create-manage"></table>
            </div>

            <%--        <div class="layui-tab layui-tab-brief" lay-filter="component-tabs-brief">--%>
            <%--        	<ul class="layui-tab-title">--%>
            <%--            	<li class="layui-this" lay-id="create"><B>我发起的</B></li>--%>
            <%--                <li lay-id="wait"><B>我审批的</B></li>--%>
            <%--            </ul>--%>
            <%--            <div class="layui-tab-content">--%>
            <%--            	<div class="layui-tab-item layui-show">--%>
            <%--        			<table id="lay-loanFin-create-manage" lay-filter="lay-loanFin-create-manage"></table>--%>
            <%--                </div>--%>
            <%--                <div class="layui-tab-item">--%>
            <%--                    <table id="LAY-loanFin-wait-manage" lay-filter="LAY-loanFin-wait-manage"></table>--%>
            <%--                </div>--%>
            <%--            </div>--%>
            <%--        </div>--%>
        </div>
    </div>
</div>

<script>
    layui.config({
        base: '${ctx}/resources/layuiadmin/' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'table', 'set', 'transfer', 'laydate'], function () {
        var $ = layui.$
            , form = layui.form
            , table = layui.table
            , element = layui.element
            , laydate = layui.laydate;
        //tab重新渲染宽度
        element.on('tab(component-tabs-brief)', function (obj) {
            $(window).resize();
        });

        //日期
        laydate.render({
            elem: '#rzfk-laydate-dates'
            , range: '~'
        });

        //放款开始日期
        var insLoanStart = laydate.render({
            elem: '#sent-layLoandate-start'
            , done: function (value, date) {
                //更新结束日期的最小日期
                insLoanEnd.config.min = lay.extend({}, date, {
                    month: date.month - 1
                });

                //自动弹出结束日期的选择器
                insLoanEnd.config.elem[0].focus();
            }
        });

        //放款结束日期
        var insLoanEnd = laydate.render({
            elem: '#sent-layLoandate-end'
            , done: function (value, date) {
                //更新开始日期的最大日期
                insLoanStart.config.max = lay.extend({}, date, {
                    month: date.month - 1
                });
            }
        });
        // 正则校验
        form.verify({
            //验证汉字
            CHS: [
                /^[\u0391-\uFFE5]+$/
                , '只能输入汉字'
            ],
            //大于0的正整数
            intNumber: [
                /^[1-9]\d*$/
                , '请输入正确的数字'
            ]
        });

        // 表单
        table.render({
            elem: '#lay-loanFin-create-manage'
            , url: basePath + '/loanFin/queryLoanByCondition' //请求数据接口
            , cols: [[
                {type: 'checkbox', fixed: 'left'}
                , {field: 'proCode', title: '项目编码', width: 170, align: 'center'}
                , {field: 'proName', title: '项目名称', width: 280, align: 'center'}
                , {field: 'city', title: '项目城市', width: 170, align: 'center'}
                , {field: 'addTime', title: '创建时间', width: 170, align: 'center'}
                , {
                    field: 'contractAmount', title: '合同融资总额（万元）', width: 170, align: 'center', templet: function (d) {
                        return formatCurrency(d.contractAmount);
                    }
                }
                , {
                    field: 'loanAmount', title: '放款金额（万元）', width: 170, align: 'center', templet: function (d) {
                        return formatCurrency(d.loanAmount);
                    }
                }
                , {
                    field: 'loanStatus', title: '放款状态', width: 170, align: 'center', templet: function (d) {
                        return d.loanStatus == '0' ? '未放款' : '已放款'
                        // if (d.loanStatus=='0'){
                        // 		return '未放款';
                        // 	}else if (d.loanStatus =='1'){
                        // 		return  '已放款';
                        // 	}
                    }
                }
                , {
                    field: 'processStatus',
                    title: '单据状态',
                    width: 103,
                    fixed: 'right',
                    align: 'center',
                    templet: function (d) {
                        if (d.processStatus == '1') {
                            return '审批中';
                        } else if (d.processStatus == '9') {
                            return '审批完成';
                        } else if (d.processStatus == '10') {
                            return '<span class="layui-badge layui-bg-cyan">审批终止</span>';
                        }
                    }
                }
                , {
                    title: '操作', align: 'center', width: 103, fixed: 'right', align: 'center', templet: function (d) {
                        var optStr = "";
                        optStr += '<a class="layui-btn layui-btn-xs" lay-event="view"><i class="layui-icon layui-icon-form"></i>详情</a>';
                        if (d.processStatus == '10') {
                            <shiro:hasPermission name="COPY_LOANFIN">
                            optStr += '<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="copy"><i class="layui-icon layui-icon-release"></i>复制单据</a>';
                            </shiro:hasPermission>
                            optStr += '<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a>';
                        }
                        return optStr;
                    }
                }
            ]]
            , page: true
            , limit: 10
        });
        <shiro:hasPermission name="LIST_LOANFIN">
        //监听搜索
        form.on('submit(LAY-loanFin-search)', function (data) {
            var tabId = $(".layui-tab-title .layui-this").attr("lay-id");
            if (tabId == 'create') {
                //执行重载
                table.reload('lay-loanFin-create-manage', {
                    page: {curr: 1},
                    where: trimData(data)
                });
            } else {
                //执行重载
                table.reload('LAY-loanFin-wait-manage', {
                    page: {curr: 1},
                    where: trimData(data)
                });
            }
        });
        //重置清空
        form.on('submit(LAY-user-back-reset)', function (data) {
            reset_form('query-form');
            //额外处理select
            $("#query-form-state").val('');
            form.render();
        });
        </shiro:hasPermission>

        // 监听操作列
        table.on('tool(lay-loanFin-create-manage)', function (obj) {
            var data = obj.data;
            if (obj.event === 'view') {
                parent.layui.index.openTabsPage(basePath + '/loanFin/toDealOrDetail?id=' + data.id, '融资放款 > 详情');
            } else if (obj.event === 'copy') {//复制单据
                parent.layui.index.openTabsPage(basePath + '/loanFin/toCopy?id=' + data.id + '&proCode=' + data.proCode, '融资放款 > 复制单据');
            } else if (obj.event === 'del') {//删除
                layer.confirm('确定要删除？', {icon: 3, title: '提示'}, function (index) {
                    $.ajax({
                        type: 'post',
                        url: basePath + '/flowProcess/logicDel',
                        data: {
                            "processId": data.processId
                        },//数据，这里使用的是Json格式进行传输
                        success: function (result) {
                            if (result) {
                                table.reload('lay-loanFin-create-manage'); //数据刷新
                                layer.close(index); //关闭弹层
                            } else {
                                layer.msg('数据通信异常~', {icon: 0});
                            }
                        }
                    });
                })
            }
        });

        // 监听操作列
        table.on('tool(LAY-loanFin-wait-manage)', function (obj) {
            var data = obj.data;
            if (obj.event === 'view') {
                parent.layui.index.openTabsPage(basePath + '/loanFin/toDealOrDetail?id=' + data.id, '融资放款 > 详情');
            } else if (obj.event === 'toDispatch') {
                parent.layui.index.openTabsPage(basePath + '/flowProcess/toDispatch?processId=' + data.processId, '融资放款 ' + ' > 审批');
            }
        });

        // 按钮事件
        var active = {
            add: function () {
                parent.layui.index.openTabsPage(basePath + '/loanFin/toDealOrDetail', '融资放款 > 详情');
            }
        }
        // data-type事件
        $('.layui-btn.layuiadmin-btn-admin').on('click', function () {
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });

    });

    //导出excel
    function exportList() {
        layer.msg("暂未上线，敬请期待~", {icon: 1});
        /*var $ = layui.$;
        var params = "?proCode=";
        params += $('#queryProCode').val().trim();
        params += "&startDate=";
        params += $('#sent-laydate-start').val().trim();
        params += "&endDate=";
        params += $('#sent-laydate-end').val().trim();
        params += "&customerName=";
        params += $('#queryCustomerName').val().trim();
        params += "&mobile=";
        params += $('#queryMobile').val().trim();
        params += "&provinceName=";
        params += $('#queryProvinceName').val().trim();
        params += "&cityName=";
        params += $('#queryCityName').val().trim();
        params += "&state=";
        params += $('#queryState').val().trim();
        window.location.href = "




        ${ctx}/preProject/exportToExcel"+params;*/
    }
</script>
</body>
</html>

